<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>layui的使用</title>
	<!-- 引文件 -->
	<link rel="stylesheet" href="./layui/css/layui.css">
	<script type="text/javascript" src="./layui/layui.js"></script>
</head>
<body>
  
    <p>这是一个简单的点击事件</p>
      
    <script type="text/javascript">
        //在layui中使用layer
        // layui.use('layer',function(){
        // 	//获取layer
        //     var layer = layui.layer;
        //     //弹出 hello world
        //     layer.msg('Hello World');
        // });
        
   
        //自动加载jquery模板
        layui.use(['jquery','layer'],function(){
        	//给p标签加个事件
        	var $ = layui.jquery;   //关键点
        	$('p').click(function(event) {
        		//添加不同效果
        	    layer.confirm('您是如何看待前端开发？', {
				    btn: ['重要','奇葩'] //按钮
				}, function(){
				    layer.msg('的确很重要', {icon:1});
				}, function(){
				    layer.msg('也可以这样', {
				    time: 20000, //20s后自动关闭
				    btn: ['明白了', '知道了']
				  });
				});
        	});
        });

    </script>
	
</body>
</html>